<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
			<style type="text/css">
				*{
					margin: 0;
					padding: 0;
				}
			</style>
	</head>
	<body>
		<div id="box">
			开关
		</div>
	</body>
	<script type="text/javascript">
	//浏览器相距电脑屏幕的距离   
		console.log("距离" + window.screenLeft);
		console.log("距离" + window.screenTop);
		//Left   Top  不兼容火狐浏览器
		//在火狐，，，兼容screenX  he   screenY  跟水平垂直一样  这两个在IE 上是不兼容的；
		//使用一个方法，所有的浏览器都兼容
//		var haha;
//		if (typeof window.screenLeft == "number") {
//			haha = window.screenLeft;
//		} else{
//			haha = window.screenX;
//		}
		//窗口以下（IE以下不支持）
		console.log("网页在窗口可见部分的高度，包含滚动条宽度" + window.innerHeight);
		console.log("网页在窗口可见部分的高度，包含滚动条宽度" + window.outerHeight);
		
		//打开与关闭浏览器窗口
		var box = document.getElementById("box");
		box.onclick = function(){
			window.open("https://www.baidu.com/");
		}
		//open（）可以跟四个参数  1.指定需要打开新窗口的链接，如果不填，则打开一个空连接
//								2.为新打开的窗口起一个名字，用来唯一标识这个小窗口（如果有重复，，则不会打开新的窗口，会刷新）
//								3.用来指定窗口大小等一些属性（）
//								4.是否能够使用本地的缓存（只有不打开新的窗口下才有效）
								

		
		
		
		
		
		
		
		
	</script>
</html>
